<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="型车" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

    <title>型车</title>
    <style>
      .footer {
        position: fixed;
        z-index: 1000;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding: 10px;
        width: 600px;
        margin: auto;
      }
      .footer a {
        margin-left: 40px;
        line-height: 20px;
        color: #999;
      }
      @media (max-width: 768px) {
        .footer {
          width: 100%;
          padding: 10px 20px;
        }
        .footer div {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 8px;
        }
        .footer span,
        .footer a {
          display: block;
          margin: 0;
          line-height: 1.5;
        }
      }
    </style>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script>
      function doEvent(name, data) {
        let e = new CustomEvent(name, { detail: data })
        window.dispatchEvent(e)
      }
    </script>
    <div class="footer">
      <div>
        <span>杭州型车汽车服务有限公司</span>
        <a href="https://beian.miit.gov.cn/" target="_blank"
          >浙ICP备2023011395号-1</a
        >
      </div>
    </div>
  </body>
</html>
